<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>APISHotel|首页</title>
    <link href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" media="screen" href="stylesheet/base.css" />

    <link rel="stylesheet" type="text/css" media="screen" href="stylesheet/common-index.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="stylesheet/page-index.css" />
</head>

<body>
    <div class="headerCont">
        <nav>
            <div class="navDiv">
                <div class="navTop inb pr">
                    <a href="index.html" class="inb">
                        <i class="logo inb pr"></i>
                        <span>|</span>
                        <h1 class="inb">酒店项目</h1>
                    </a>
                </div>
                <div class="nvaRight inb fr">
                    <div class="notLogin">
                        <a href="login.html">登陆</a>
                        <a href="register.html">注册</a>
                    </div>
                    <div class="userTopInfo none" id="userTopInfo">
                        <a href="myIndent.html" class="inb">
                            <img id="topNavIcon" class="navUserIcon" src="images/person-icon.jpg" alt="">
                            <span class="userName font16 fcfff">小鱼儿</span>
                        </a>
                        <div class="showDropdownlist">
                            <i class="dropDownIcon"></i>
                            <div class="dropDownList">
                                <ul>
                                    <!-- <li class="triangle">
                                    </li> -->
                                    <a href="myIndent.html">
                                        <li>
                                            <img src="images/icon_user.png">我的订单</li>
                                    </a>
                                    <a href="infoEdit.html">
                                        <li>
                                            <img src="images/icon_setting.png">账户设置</li>
                                    </a>
                                    <a href="login.html" id="logout">
                                        <li>
                                            <img src="images/icon_exit.png">退出登陆</li>
                                    </a>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </nav>
        <header>
            <div class="headerContent clearfix pr">
                <div class="header-input fl pr">
                    <div class="cityInput pr">
                        <input type="" class="location" id="location" placeholder="请选择城市" readonly>
                    </div>
                    <div class="citySelect none pa">
                        <ul class="citySelectHeader pr inb clearfix">
                            <li class="cityItem active inb fl" data-value="hot">热门
                                <ul class="cityMain pa  hot ">
                                </ul>
                            </li>
                            <li class="cityItem inb fl ">ABCEF
                                <ul class="cityMain  A-F pa none" data-vaue="A-F">
                                </ul>
                            </li>

                            <li class="cityItem inb fl">GHJK
                                <ul class="cityMain pa G-K none" data-value="G-K">
                                </ul>
                            </li>
                            <li class="cityItem inb fl ">LMNPQ
                                <ul class="cityMain pa none L-Q" data-value="L-Q">
                                </ul>
                            </li>
                            <li class="cityItem inb fl">RSTW
                                <ul class="cityMain pa none R-W" data-value="R-W">
                                </ul>
                            </li>
                            <li class="cityItem inb fl">XYZ
                                <ul class="cityMain pa none X-Z" data-value=" X-Z">
                                </ul>
                            </li>
                        </ul>
                    </div>

                </div>
                <div class="header-input fl pr">
                    <div class="dateInput pr">
                        <input type="" class="date" id="calendar" placeholder="请选择日期">
                    </div>
                </div>
                <div class="header-input fl">
                    <!-- <div>
                        酒店名称/位置/关键字
                    </div> -->
                    <div class="keywordInput">
                        <input type="" class="keyword" id="keyword" placeholder="酒店名称/位置/关键字">
                    </div>
                </div>

            </div>
            <div class="searchBar">
                <i class="inb searchIcon"></i>
                <a>搜索</a>
            </div>
        </header>
    </div>
    <main>
        <div class="mainContainer">
            <div class="main-title clearfix">
                <span class="fl">热门酒店</span>
                <ul class=" hotNav il">
                </ul>
            </div>
            <div class="line ">
            </div>
            <ul class="mainPart clearfix">
                <!-- <a href="" class="db fl">
                        <li class="hotelItem pr">
                            <div class="hotelInfo pa">
                                <h5>西安开元名都大酒店</h5>
                                <h5 class="">豪华型</h5><span class="price">￥488</span>
                            </div>
                        </li>
                    </a> -->
            </ul>
            <div class="paging clearfix">
                <div class="lastPage disable">
                    < </div>
                        <ul class="pageArray">
                        </ul>
                        <div class="nextPage">
                            >
                        </div>
                </div>
            </div>

        </div>
    </main>
    <footer>
        <div class="copyright">
            <span>Copyright © 2017 apis.sh All Rights Reserved | 陕ICP备15013925号-3</span>
        </div>
    </footer>
    <div class="modal fade none" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">提示</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>

                </div>
                <div class="modal-body">
                    <p>提示内容</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <!-- <button type="button" class="btn btn-primary">Save changes</button> -->
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal 模态框-->
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script src="https://cdn.bootcss.com/moment.js/2.20.1/moment.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.js"></script>
    <script src="js/laydate.js"></script>
    <script src="js/base.js"></script>
    <script src="js/common.js"></script>
    <script src="js/page-index.js"></script>
</body>

</html>